<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="计科2411-32-赵红云">
    <title>实验1-9</title>
    <style>
        body {
            background-color: #fff2cc;
            text-align: center;
        }

        h1 {

            color: blue;
        }

        hr {
            width: 50%;
            margin: 0 auto;
        }

        .nav a {
            margin: 0 5px;
            color: purple;
        }

        .ty {
            margin-top: 10px;
        }

        .ty img {
            display: inline-block;


        }
    </style>
</head>

<body>
    <h1>动物世界</h1>
    <hr>
    <div class="nav">
        <a href="#">首页</a>
        <a href="#">动物一族</a>
        <a href="#">百兽园</a>
        <a href="#">动物图片</a>
        <a href="#">动物论坛</a>
    </div>
    <div class="ty">
        <img src="qie.jpg" alt="企鹅" width="300" height="200">
        <img src="xiaolu.jpg" alt="鹿" width="300" height="200">
    </div>
    <p>感谢你的光临</p>
</body>

</html>